<template>
  <div class="kanban-wrapper" v-loading="Loading">
    <!-- <div v-if="keyProjectList.length>0" style="min-height:280px"></div>
    <div
      v-else
      style="min-height:100px; display:flex;justify-content:center;background:#fff;font-size:14px;align-items:center"
    >暂无数据</div>-->
    <!-- <div class="kanban-card" v-for="(item,index) in keyProjectList" :key="index"></div> -->
    <div style="display:flex">
        <div class="kanban-card">
      <div style="padding:19px 12px 0 12px">
        <div class="card-title title-green">意向实现中</div>
        <div style="margin:5px 0 16px">
          <p class="yincang" title="新一代核心业务">新一代核心业务</p>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">核心业务四代</span>
          <span class="paddingLeft">项目累计投入(人月)：1146.1</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">基础服务研发中心</span>
          <span class="paddingLeft">累计行员投入(人月)：8532</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">全行重点</span>
          <span class="paddingLeft">累计人力外包投入(人月)：0</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">项目规模：特大型</span>
          <span class="paddingLeft">累计项目外包投入(人月)：1146.1</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">主研发负责人：杨xx</span>
          <span class="paddingLeft">立项时间：2021-08-31</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">主测试负责人</span>
          <span class="paddingLeft">故事最新上线：2021-08-31</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">主产品负责人：朱xx</span>
          <span class="paddingLeft">故事最晚上线：2022-08-31</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">业务项目经理：可xx</span>
        </div>
        <div class="fontColor margBottom">
          <span>已开始：20天</span>
          <span class="paddingLeft">故事最晚上线：2022-08-31</span>
        </div>
        <div class="margBottom processw">
          <el-progress :percentage="30"></el-progress>
          <!-- <el-progress :percentage="isNaN(item.biz)?0:Number(item.biz)"></el-progress> -->
        </div>
      </div>
    </div>
    <div class="kanban-card">
      <div style="padding:19px 12px 0 12px">
        <div class="card-title title-green">意向实现中</div>
        <div style="margin:5px 0 16px">
          <p class="yincang" title="新一代核心业务">新一代核心业务</p>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">核心业务四代</span>
          <span class="paddingLeft">项目累计投入(人月)：1146.1</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">基础服务研发中心</span>
          <span class="paddingLeft">累计行员投入(人月)：8532</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">全行重点</span>
          <span class="paddingLeft">累计人力外包投入(人月)：0</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">项目规模：特大型</span>
          <span class="paddingLeft">累计项目外包投入(人月)：1146.1</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">主研发负责人：杨xx</span>
          <span class="paddingLeft">立项时间：2021-08-31</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">主测试负责人</span>
          <span class="paddingLeft">故事最新上线：2021-08-31</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">主产品负责人：朱xx</span>
          <span class="paddingLeft">故事最晚上线：2022-08-31</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">业务项目经理：可xx</span>
        </div>
        <div class="fontColor margBottom">
          <span>已开始：20天</span>
          <span class="paddingLeft">故事最晚上线：2022-08-31</span>
        </div>
        <div class="margBottom processw">
          <el-progress :percentage="30"></el-progress>
          <!-- <el-progress :percentage="isNaN(item.biz)?0:Number(item.biz)"></el-progress> -->
        </div>
      </div>
    </div>
    <div class="kanban-card">
      <div style="padding:19px 12px 0 12px">
        <div class="card-title title-green">意向实现中</div>
        <div style="margin:5px 0 16px">
          <p class="yincang" title="新一代核心业务">新一代核心业务</p>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">核心业务四代</span>
          <span class="paddingLeft">项目累计投入(人月)：1146.1</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">基础服务研发中心</span>
          <span class="paddingLeft">累计行员投入(人月)：8532</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">全行重点</span>
          <span class="paddingLeft">累计人力外包投入(人月)：0</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">项目规模：特大型</span>
          <span class="paddingLeft">累计项目外包投入(人月)：1146.1</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">主研发负责人：杨xx</span>
          <span class="paddingLeft">立项时间：2021-08-31</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">主测试负责人</span>
          <span class="paddingLeft">故事最新上线：2021-08-31</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">主产品负责人：朱xx</span>
          <span class="paddingLeft">故事最晚上线：2022-08-31</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">业务项目经理：可xx</span>
        </div>
        <div class="fontColor margBottom">
          <span>已开始：20天</span>
          <span class="paddingLeft">故事最晚上线：2022-08-31</span>
        </div>
        <div class="margBottom processw">
          <el-progress :percentage="30"></el-progress>
          <!-- <el-progress :percentage="isNaN(item.biz)?0:Number(item.biz)"></el-progress> -->
        </div>
      </div>
    </div>
    <div class="kanban-card">
      <div style="padding:19px 12px 0 12px">
        <div class="card-title title-green">意向实现中</div>
        <div style="margin:5px 0 16px">
          <p class="yincang" title="新一代核心业务">新一代核心业务</p>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">核心业务四代</span>
          <span class="paddingLeft">项目累计投入(人月)：1146.1</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">基础服务研发中心</span>
          <span class="paddingLeft">累计行员投入(人月)：8532</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">全行重点</span>
          <span class="paddingLeft">累计人力外包投入(人月)：0</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">项目规模：特大型</span>
          <span class="paddingLeft">累计项目外包投入(人月)：1146.1</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">主研发负责人：杨xx</span>
          <span class="paddingLeft">立项时间：2021-08-31</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">主测试负责人</span>
          <span class="paddingLeft">故事最新上线：2021-08-31</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">主产品负责人：朱xx</span>
          <span class="paddingLeft">故事最晚上线：2022-08-31</span>
        </div>
        <div class="fontColor margBottom spaceBetween">
          <span class="span">业务项目经理：可xx</span>
        </div>
        <div class="fontColor margBottom">
          <span>已开始：20天</span>
          <span class="paddingLeft">故事最晚上线：2022-08-31</span>
        </div>
        <div class="margBottom processw">
          <el-progress :percentage="30"></el-progress>
          <!-- <el-progress :percentage="isNaN(item.biz)?0:Number(item.biz)"></el-progress> -->
        </div>
      </div>
    </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "keyProjects",
  props: {
    data: Array,
  },
  data() {
    return {
      keyProjectList: [],
      Loading: false,
    };
  },
  methods: {},
  watch: {
    data(newValue, oldValue) {
      this.keyProjectList = newValue;
      if (newValue) {
        this.Loading = false;
      }
    },
  },
};
</script>
<style lang="sass" scoped>
@import "./index.scss"
.kanban-wrapper
    overflow: hidden
</style>